<template>
  <div>
    <div>
      <input type="text" placeholder="请输入用户名">
      <input type="text" placeholder="请输入密码">
      <input type="button" name="login" @click="back">
    </div>
  </div>
</template>

<script>
export default {
  name: 'Login',
  mounted () {
    console.log('mounted===============================')
  },
  methods: {
    back () {
      console.log('12222222222')
      this.$router.go(-1)
    }
  },
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.head{
  width: 100%;
  padding-right: 9px;
  padding-left: 42px;
  padding-top: 6px;
  padding-bottom: 6px;
  /* background-image: url(…wbqnjl3BeayIl1CJspHfQ8JeTyS5Rn4AbLdSp9jXdwnwkwAGXl2KVI+BEMAAAAAElFTkSuQmCC); */
  background-size: 27px 20px;
  background-repeat: no-repeat;
  background-position: 9px center;
}
</style>
